<template>
    <section class="safe">
        <div class="safe_header"> 
          <span class="_txt">账户安全</span>
          <span class="jiantou" @click="goTo('/setting')">
          <i class="el-icon-arrow-left" ></i>
          </span>
        </div>
         <div class="safe_main">
          <div class="main_function">
              <div class="diveid"></div> 
              <div class="function_password"  @click="goTo('/safe')">
                <span class="_txt">更改账户密码</span>
                <span class="jiantou">
                <i class="el-icon-arrow-right"></i>
                </span>
              </div>   
              <div class="diveid"></div> 
              <div class="function_password_2" @click="goTo('/safe')">
                <span class="_txt">更改账户确定密码</span>
                <span class="jiantou">
                <i class="el-icon-arrow-right"></i>
                </span>
              </div>   
              <div class="diveid"></div> 
              <div class="function_verify" @click="goTo('/safe')"> 
                <span class="_txt">更改身份验证手段</span>
                <span class="jiantou">
                <i class="el-icon-arrow-right"></i>
                </span>
              </div>
              <div class="footer"></div> 
          </div>
        </div>
    </section>      
</template>

<script>
export default {
    methods: {
      goTo:function(Path){
          this.$router.replace(Path);
      }
    }
  }               
</script>


<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import "../../../common/stylus/mixins.styl"
  .safe 
    width  100%
    height 800px
    .safe_header
        width  100%
        height 70px
        background-color #c7000b
        font-size 20px
        text-align center
        line-height 70px
        color #ffffff
        .jiantou
          display block
          position absolute
          left 10px 
        ._txt
          width  325px
          position absolute
          left 20px
      .safe_main
        width  100%
        height 730px
        .main_function
            width  100%
            height 690px
            .function_password
                width  100%
                height 50px
                line-height 50px
                font-size 16px
                border-top 1px solverify #F5F5F5
                .jiantou
                    display block
                    position absolute
                    right 25px
                ._txt
                    width  325px
                    position absolute
                    font-size 16px
                    left 20px
            .diveid
              width  100%
              height 10px
              background-color #F5F5F5 
              border-top 1px solverify #F5F5F5
            .function_password_2
                width  100%
                height 50px
                line-height 50px
                font-size 16px
                border-top 1px solverify #F5F5F5
                .jiantou
                    display block
                    position absolute
                    right 25px
                ._txt
                    width  325px
                    position absolute
                    font-size 16px
                    left 20px
                    border-top 1px solverify #F5F5F5
            .function_verify
                width  100%
                height 50px
                line-height 50px
                font-size 16px
                border-top 1px solverify #F5F5F5
                .jiantou
                    display block
                    position absolute
                    right 25px
                ._txt
                    width  325px
                    position absolute
                    font-size 16px
                    left 20px
                    border-top 1px solverify #F5F5F5  
            .footer
              width  100%
              height 600px
              background-color #F5F5F5 
              border-top 1px solverify #F5F5F5                                      
</style>
